page-around {
    .back{
        background: none;
        position: absolute;
        left: 0.5rem;
    }
    .back ion-icon{
        color: #fff;
        font-size: 2.4rem
    }
    .changePurpose{
        background: none;
        position: absolute;
        right: 0.5rem;;
        top: 0;
        color: #fff;
        font-size: 1.6rem;
        line-height: 2.6rem;
    }
    .myPurpose p{
        font-size: 1.6rem;
        line-height: 2rem;
        width: 28%;
        float: left;
    }
    .myPurpose>div{
        width: 72%;
        float: left;
    }
    .myPurpose div span,.purpose span{
        display: block;
        float: left;
        font-size: 1.4rem;
        background: #b2e2ff;
        color: #009eff;
        margin-right: 0.2rem;
        line-height: 2.2rem;
        padding: 0  0.5rem;
        margin-bottom: 0.2rem;
        border-radius: 0.5rem;
    }
    .myPurpose{
        border-bottom: 1px solid #e8e8e8;
    }
    .card{
        margin: 0;
        width: 100%;
        box-shadow: none;
    }
    .user_mes{
        line-height: 2rem;
    }
    .user_name,.purposeDescription{
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    .user_photo img{
        width: 5rem !important;
        height: 5rem !important;
        border: 0.2rem solid #b2e2ff;
    }
    .user_photo{
        margin-right: 10px!important;
    }
    .dis_time{
        color: #666666;
        font-size: 1.3rem;
    }
    .purposeDescription{
        font-size: 1.4rem;
    }
    .purpose{
        margin-top: 0.5rem;
    }
    .purpose span{
        font-size: 1.2rem;
        line-height: 2rem;
    }
    .list-md{
        margin-top: 0;
    }
    .card{
        border-bottom: 1px solid #e8e8e8;
    }
    .scroll-content{
        margin: 56px 0;
    }
}
